<template>
	<div class="home">
		<router-link :to="{ name: 'layout' }">
			<el-button type="primary">基本的</el-button>
		</router-link>
		<router-link :to="{ name: 'index' }">
			<el-button type="primary">css相关的</el-button>
		</router-link>
		<router-link :to="{ name: 'js' }">
			<el-button type="primary">js的测试与使用</el-button>
		</router-link>
		<el-button type="primary">测试</el-button>
		<router-link :to="{ name: 'form' }">
			<el-button type="primary">表单</el-button>
		</router-link>
		<router-link :to="{ name: 'async_v_model' }">
			<el-button type="primary">async_v_model</el-button>
		</router-link>
		<router-link :to="{ name: 'vueColor' }">
			<el-button type="primary">vueColor测试使用</el-button>
		</router-link>
	</div>
</template>

<script>
	export default {
		name: 'Home',
		data() {
			return {
				name: 'doen',
				hello: 'ni,hao',
				radio: '0',
				radio1: '1',
				checked1: false,
				checkedAll: [false, false, false, false],
				currentPage4: 4
			}
		},
		methods: {
			handle(e, val) {
				console.log(e)
				console.log(val)
			},
			handleSizeChange(val) {
				console.log(`每页 ${val} 条`)
			},
			handleCurrentChange(val) {
				console.log(`当前页: ${val}`)
			}
		},
		components: {}
	}
</script>
<style lang="scss" scope>
	@import '../css/dataDic.scss';
	.el-button {
		margin: 0 5px;
	}
</style>
